<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div>div容器元素，用于布局</div>
    <div>div是一个块级元素，可以设置宽高，默认宽度100%，默认高度auto</div>
    <header>H5新标签 header头部元素，用于页眉</header>
    <nav>H5新标签 nav导航元素，用于导航</nav>
    <article>H5新标签 article文章元素，用于内容
        <section>H5新标签 section章节元素，用于分割内容</section>
    </article>
    <aside>H5新标签 aside侧边栏元素，用于侧边栏</aside>
    <footer>H5新标签 footer页脚元素，用于页脚</footer>
    <h1>h$*6</h1>
    <h2>h$*6</h2>
    <h3>h$*6</h3>
    <h4>h$*6</h4>
    <h5>h$*6</h5>
    <h6>h$*6</h6>
    <em>em孙燕姿 着重文字</em>
    <b>b孙燕姿 粗体文字</b>
    <p>p孙燕姿 段落</p>
    <i>i孙燕姿 斜体字</i>
    <strong>strong孙燕姿 加重语气</strong>
    <del>del 定义删除字</del>
    <span>span 特殊含义</span>
    <br>
    <img src="" alt="alternative">
    <a href="">hypertext reference超文本引用</a>
    <ol type="A">
        <li>
            <ul type="disc">
                <li>我怀念的</li>
                <li>遇见</li>
                <li>开始懂了</li>
                <li>天黑黑</li>
            </ul>
        </li>
        <li>
            <ul type="circle">
                <li>我怀念的</li>
                <li>遇见</li>
                <li>开始懂了</li>
                <li>天黑黑</li>
            </ul>
        </li>
        <li>
            <ul type="square">
                <li>我怀念的</li>
                <li>遇见</li>
                <li>开始懂了</li>
                <li>天黑黑</li>
            </ul>
        </li>
        <li>
            <ul type="none">
                <li>我怀念的</li>
                <li>遇见</li>
                <li>开始懂了</li>
                <li>天黑黑</li>
            </ul>
        </li>
    </ol>
    <p>合并标签 水平合并colspan 垂直合并rowspan</p>
    <table border="1" width="600px" height="300px">
        <tr>
            <th colspan="2">th1 th2</th>
            <th>th3</th>
            <th>th4</th>
        </tr>
        <tr>
            <td rowspan="3">td5</td>
            <td>td6</td>
            <td colspan="2" rowspan="2">td7</td>
            <!-- <td>td8</td> -->
        </tr>
        <tr>
            
            <td>td10</td>
            <!-- <td>td11</td> -->
            <!-- <td>td12</td> -->
        </tr>
        <tr>
            <!-- <td>td13</td> -->
            <td colspan="3">td14</td>
            <!-- <td>td15</td>
            <td>td16</td> -->
        </tr>
    </table>
    <p>form</p>
    <form action="url" method="get|post" name="myform">form action="url" method="get|post" name="myform">action服务器地址
        name表单名称/form></form>
    <ul>
        <li>get把提交的数据url可以看到，post看不到</li>
        <li>get一般用于提交少量数据，post用来提交大量数据</li>
    </ul>
    <h4>常见块级元素</h4>
    <p>div form h1~h6 hr p table ul... 块级元素 用于布局，可以嵌套其他块级元素</p>
    <h4>常见行内元素</h4>
    <p>a b i em strong span... 行内元素 用于控制文本的样式，不能嵌套其他元素</p>
    <h4>常见行内块元素</h4>
    <p>img input select button... 行内块元素 用于控制元素的大小，可以嵌套其他元素</p>
</body>

</html>